<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>写评论</title>
    <link rel="icon" href="image/dp_favicon.ico">
    <link rel="stylesheet" href="css/dp_index.css">
    <link rel="stylesheet" href="css/dp_login.css">
    <link rel="stylesheet" href="css/css_comment.css">
    <link rel="stylesheet" href="css/xingxing.css">


</head>
<body>

<script type="text/javascript">
    function fun(){
        var date=new Date();
        document.getElementById("span").innerHTML=(1900+date.getYear())+"年"+(date.getMonth()+1)+"月"+date.getDay()+"日"+date.getHours()+"时"+date.getMinutes()+"分"
    }
    setInterval(fun,1000)
</script>


<!-- 顶部导航 -->
<div class="header-container">
    <div id="top-nav" class="top-nav">
        <div class="top-nav-container">
            <div class="mini-logo">
                <a href="">
                    <i class="icon-logo"></i>
                    大众点评首页
                </a>
            </div>
            <div class="quick-menu">
                <ul class="quick-menu-ul">
                    <li class="menu-item"><a href="">写点评</a> </li>
                    <li  class="menu-item">
                        <a href="">
                            <span>你好，请登录</span>
                        </a>
                        <a href="">
                            <span>免费注册</span>
                        </a>
                    </li>
                    <li>
                        <div class="menu-item dropdown">
                            <a href="" >
                                <p>个人中心</p>
                                <img src="image/sanjiaoxing.svg">
                            </a>

                            <div class="dropdown-content">
                                <a href="">我的点评</a>
                                <a href="">我的收藏</a>
                                <a href="">我的团购</a>
                            </div>
                        </div>


                    </li>
                    <li  class="menu-item"><a href="">商户服务</a> </li>

                </ul>

            </div>
        </div>
    </div>
</div>
<!-- logo部分 -->
<div class="comment-header">
 <div class="header1">
     <img src="image/logo@2x-1828c2a9.png">
              <a href="/addreview">我要点评</a>
 </div>
</div>


<div class="block-comment">
    <div class="comment1">
        <p>丰茂烤串(赛格店)<span>&nbsp;(*为必填选项)</span> <a href="">点评其它商户</a></p>
    </div>
    <div class="comment2">
        <span>总体评价:<span>*</span></span><form id="score_form">
        <div class="star_evaluate">
            <input type="radio" id="scoreId_1" class="score score_1" name="score" value="1"/>
            <label for="scoreId_1" class="star star_1"></label>
            <input type="radio" id="scoreId_2" class="score score_2" name="score" value="2"/>
            <label for="scoreId_2" class="star star_2"></label>
            <input type="radio" id="scoreId_3" class="score score_3" name="score" value="3"/>
            <label for="scoreId_3" class="star star_3"></label>
            <input type="radio" id="scoreId_4" class="score score_4" name="score" value="4"/>
            <label for="scoreId_4" class="star star_4"></label>
            <input type="radio" id="scoreId_5" class="score score_5" name="score" value="5"/>
            <label for="scoreId_5" class="star star_5"></label>
        </div>
    </form>
       <p>点击星星为商户打分</p>
</div>
    <div class="comment3">
        <span>口味:<span>*</span></span>&nbsp;<form>
        <div class="star_evaluate">
            <input type="radio"  id="scoreId_21" class="score score_1" name="score" value="1"/>
            <label for="scoreId_21" class="star star_11"></label>
            <input type="radio"  id="scoreId_22"class="score score_2" name="score" value="2"/>
            <label  for="scoreId_22" class="star star_2"></label>
            <input type="radio" id="scoreId_23" class="score score_3" name="score" value="3"/>
            <label for="scoreId_23"class="star star_3"></label>
            <input type="radio" id="scoreId_24" class="score score_4" name="score" value="4"/>
            <label  for="scoreId_24" class="star star_4"></label>
            <input type="radio" id="scoreId_25" class="score score_5" name="score" value="5"/>
            <label  for="scoreId_25" class="star star_5"></label>
        </div></form>
        <p>给口味打分</p>
    </div>
    <div class="comment4">

        <span>环境:<span>*</span></span>&nbsp;<form>
        <div class="star_evaluate">
            <input type="radio"  id="scoreId_31" class="score score_1" name="score" value="1"/>
            <label for="scoreId_31" class="star star_1"></label>
            <input type="radio" id="scoreId_32" class="score score_2" name="score" value="2"/>
            <label for="scoreId_32" class="star star_2"></label>
            <input type="radio"  id="scoreId_33" class="score score_3" name="score" value="3"/>
            <label for="scoreId_33" class="star star_3"></label>
            <input type="radio"   id="scoreId_34" class="score score_4" name="score" value="4"/>
            <label for="scoreId_34" class="star star_4"></label>
            <input type="radio"  id="scoreId_35" class="score score_5" name="score" value="5"/>
            <label for="scoreId_35" class="star star_5"></label>
        </div></form>
        <p>给环境打分</p>
    </div>
    <div class="comment5">
        <span>服务:<span>*</span></span>&nbsp;<form>
        <div class="star_evaluate">
            <input type="radio"  id="scoreId_41"class="score score_1" name="score" value="1"/>
            <label for="scoreId_41" class="star star_1"></label>
            <input type="radio"  id="scoreId_42"class="score score_2" name="score" value="2"/>
            <label for="scoreId_42" class="star star_2"></label>
            <input type="radio" id="scoreId_43" class="score score_3" name="score" value="3"/>
            <label for="scoreId_43" class="star star_3"></label>
            <input type="radio"  id="scoreId_44" class="score score_4" name="score" value="4"/>
            <label for="scoreId_44" class="star star_4"></label>
            <input type="radio" id="scoreId_45" class="score score_5" name="score" value="5"/>
            <label for="scoreId_45" class="star star_5"></label>
        </div></form>
        <p>给服务打分</p>
    </div>
    <div class="comment6">
        <span>食材:<span>*</span></span>&nbsp;<form>
        <div class="star_evaluate">
            <input type="radio" id="scoreId_51" class="score score_1" name="score" value="1"/>
            <label for="scoreId_51" class="star star_1"></label>
            <input type="radio"  id="scoreId_52" class="score score_2" name="score" value="2"/>
            <label for="scoreId_52" class="star star_2"></label>
            <input type="radio" id="scoreId_53" class="score score_3" name="score" value="3"/>
            <label for="scoreId_53" class="star star_3"></label>
            <input type="radio" id="scoreId_54" class="score score_4" name="score" value="4"/>
            <label for="scoreId_54" class="star star_4"></label>
            <input type="radio"  id="scoreId_55" class="score score_5" name="score" value="5"/>
            <label for="scoreId_55" class="star star_5"></label>
        </div></form>
        <p>给食材打分</p>
    </div>
    <div class="comment7">
        <span>喜欢的菜:</span>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>
        <a  href="javascript:;" rel="nofollow">阳澄湖大闸蟹</a>

</div>
    <div class="comment8">
        <span>评价:</span>
        <textarea id="J_review-body" class="comment-input" rows="7" placeholder="亲，菜品的口味如何，环境怎么样，服务满意吗？" style="margin-left: 0px; height: 100px;"></textarea>
    </div>
    <div class="comment9">
        <span class="span1">最少15字，你还需要输入15个字 </span><span class="span2">点评已自动保存于:<span
            class="span2"id="span"></span></span>
    </div>
    <div class="comment10">
        <span>上传图片:
            <label for="fileinp">
                <input type="button" id="btn" value="电脑传图"><span id="text"></span>
            <input type="file"
                   id="fileinp"name="file" multiple="multiple" accept="image/png,image/jpg,image/jpeg,image/bmp">
            </label>
                </span>
        <p>单张图片不超过10MB，尺寸不小于300*300px，支持jpg、png和bmp。</p>

    </div>
    <div class="comment11">
        <span>人均:</span>
        <textarea placeholder="人均单价"></textarea>

    </div>
    <div class="comment12">
        <span>停车:</span>
        <textarea placeholder="车停在哪了，收费吗？"></textarea>
    </div>
    <div class="comment12">
        <input class="comment12-input" type="submit" value="提交点评">
        </div>

    <p class="comment12-p">点评和打分都将是其他网友的参考依据，并影响该商户评价。请发布真实、客观的本人消费体验评价。如您受到威逼、利诱如优惠等干扰而发布的点评或并非本人体验的虚假/恶意点评，则点评视为违规，同时影响您的信誉度。</p>

</div>



</body>
</html>